<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="../Templates/templateLeft.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui" 
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:c="http://java.sun.com/jsp/jstl/core">
    <ui:define name="content">
        <p:panel header="Registrar Mascota">
            <center>
                <p:growl id="growl" sticky="true" showDetail="true"/>
                <h:panelGrid columns="1" cellpadding="10" >
                    <p:fieldset legend="Mascota">
                        <h:form id="formReg">
                            <h:panelGrid columns="2" cellpadding="10">

                                <h:outputText value="Nombre "  />
                                <p:inputText value="#{mascotaBean.mascota.nombre}" />

                                <h:outputText value="Fecha De Nacimiento "></h:outputText>
                                <p:calendar value="#{mascotaBean.mascota.fechaNacimiento}" />

                                <h:outputText value="Seleccionar Especie " />
                                <p:selectOneMenu  value="#{mascotaBean.mascota.codRaza}" >
                                    <f:selectItem itemLabel="Seleccionar especie" itemValue="" />
                                    <f:selectItems value="#{mascotaBean.razas}" />
                                </p:selectOneMenu> 

                                <h:outputText value="Seleccionar Raza "></h:outputText>
                                <p:selectOneMenu  value="" >
                                    <f:selectItem itemLabel="Seleccionar raza" itemValue="" />
                                    <f:selectItems value="#{mascotaBean.especies}" />
                                </p:selectOneMenu> 

                                <p:commandButton value="Guardar" actionListener="#{mascotaBean.guardar}" update=":formReg" />
                            

                                <p:commandButton value="Limpiar" type="reset" update=":formReg">
                                </p:commandButton>

                            </h:panelGrid> 
                        </h:form>
                    </p:fieldset>

                </h:panelGrid>


            </center>
        </p:panel>

    </ui:define>
</ui:composition>
